<!--====routerLink：在html声明路由导航用的指令====-->
<a [routerLink]="['/home']">首页</a>
<a [routerLink]="['/detail']">详情</a>

<!-- 向detail传参，这里传了个id，值为1 -->
<a [routerLink]="['/detail']" [queryParams]={id:1}>ActivatedRoute:详情</a>

<!-- 跳转路由 --> 
<input type="button" value="详情" (click)="toDetail()">

<!--==RouterOutlet：在HTML中标记路由内容呈现位置的占位符指令-->
<router-outlet></router-outlet>
